<!-- 图片弹出层 -->
<template>
  <transition name="el-zoom-in-center">
    <div class='pop_img' v-show="popData.show">
      <img :src="`/zuul/oss/oss/viewFile?fileIds=${popData.url}`" alt="" @click="closeImg">
    </div>
  </transition>
</template>

<script>
export default {
  name: 'popImg',
  props: ['popData'],

  data() {
    return {
      
    }
  },

  created() {
  },

  methods: {
    closeImg() {
      this.$emit('closeImg')
    }
  },
}
</script>

<style scoped>
.pop_img {
  position: absolute;
  height: 95%;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  z-index: 99999;
}

.pop_img img {  
  height: 100%;
}
</style>